<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0">

<link rel="stylesheet"
	href="http://voky.com.ua/showcase/sky-forms/examples/css/demo.css">
<link rel="stylesheet"
	href="http://voky.com.ua/showcase/sky-forms/examples/css/sky-forms.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>File Management</title>
</head>
<body class="bg-cyan">
	<div class="body">
		<div style="width: 1000px; height: 50px; text-align: right;">
			Welcome <b>Phu</b>, <a href="#">Logout</a>
			<p> <a href="zip-files-download"> Download All files in Zip </a> </p>
		</div>
		<div style="width: 1000px">
			<div style="float: left; width: 200px; text-align: left;">
				<div>
					<fieldset style="height: 200px; background: #EFEDFC">
						<legend style="color: graytext; font-weight: bold;">Common
							Information</legend>
						<p style="font-size: 14">Capacity: 20% in use</p>
						<p style="font-size: 14">Currently Online: 10</p>

					</fieldset>
				</div>

				<div>
					<fieldset style="height: 200px; background: #EFEDFC">
						<legend style="color: graytext; font-weight: bold;">User
							Profiles</legend>
						<p style="font-size: 14">Phu Nguyen</p>
						<p style="font-size: 14">090123456</p>
						<p style="font-size: 14">phu@test.com</p>
						<br />
						<p style="font-size: 14; text-align: right">
							<a href="profile_editor.html">Edit Profiles</a>
						</p>
					</fieldset>
				</div>
			</div>

			<div style="float: left; width: 800px;">
				<fieldset style="min-height: 500px;">
					<legend style="color: graytext; font-weight: bold;">Files
						Uploaded</legend>
					<br />
					<div>
						<form action="file-upload-action" enctype="multipart/form-data"
							method="POST" id="uploadForm">
							<input type="file" name="file1"><br> <input
								type="Submit" value="Upload File"><br>
						</form>
					</div>
					<div style="border-bottom: 1px; border-bottom-style: solid;">
						<!-- <input type="button" name="upload" value="Upload"> -->
						<input type="button" name="delete" value="Delete"> <input
							type="button" name="download" value="Download"> <input
							type="button" name="createfolder" value="Create folder">
					</div>

					<div>
						<p style="font-size: 14">
							<a href="#">Upload Folder</a>/<a href="#">Aptech Training</a>
						</p>
						<table style="font-size: 13">
							<tr align="left">
								<th><input type="checkbox"></th>
								<th width="450px;">File Name</th>
								<th width="100px;">Kind</th>
								<th width="100px;">Size</th>
								<th width="150px;">Modified</th>

							</tr>
							<tr align="left">
								<td><input type="checkbox"></td>
								<td><a href="#">WPSJ</a></td>
								<td>Folder</td>
								<td></td>
							</tr>
							<tr align="left">
								<td><input type="checkbox"></td>
								<td><a href="#">JSP Servlets.iso.zip</a></td>
								<td>File</td>
								<td>460MB</td>
								<td>10/27/2011 10:05 PM</td>

							</tr>
						</table>
					</div>
				</fieldset>
			</div>

		</div>
	</div>
</body>
</html>